<template>
  <div class="flex flex-col">
    <div v-for="i in 20" :key="i" class="flex py-2 border-b">
      <div class="h-10 w-10 ml-2 mr-1">
        <img
          class="rounded-full border"
          src="https://cdn.learnku.com/uploads/avatars/19883_1510295716.jpeg!/both/100x100"
          alt=""
        />
      </div>
      <div class="flex items-center mx-1 hidden md:flex">
        <div class="bg-gray-400 rounded-lg text-xs px-2 py-1">vue</div>
      </div>
      <div class="flex w-full mx-1 items-center justify-between">
        <router-link
          to="/question"
          class="font-bold text-gray-700 hover:text-gray-900"
        >
          所有源码文件、类型、方法都要有详尽的注释；
        </router-link>
        <div class="flex">
          <div class="text-gray-500 text-sm">1</div>
          <div class="text-gray-500 text-sm mx-2">|</div>
          <div class="text-gray-500 text-sm mr-2">3个小时前</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>
